// 注册页面
class Register{
    constructor(){
        // 获取元素
        this.flag=false
        this.init()
    }
init(){
     this.verify_phone()
     this.verify_pass()
     this.check()
     this.btn()
}
  //手机号框
  
verify_phone(){
    let phoneZ = /^1[3-9][0-9]{9}$/
    // 获得焦点
    $('.username').focus(function(){
        $(this).addClass('ys_show')
     })
     // 失去焦点.正则验证
     $('.username').blur(function(){
         $(this).removeClass('ys_show')
        
         if(phoneZ.test($(this).val())){
            $('.phone_note').html('手机号格式正确')
         }else{
            $('.phone_note').html('手机号格式不正确，请重新输入')
         }
      })
 
      //验证框
      $('.xin_pass').focus(function(){
         $('.xin').addClass('ys_show')
      })
      $('.xin_pass').blur(function(){
         $('.xin').removeClass('ys_show')
      })
}
   //密码框
verify_pass(){
    let passZ= /^(\d+[a-zA-Z]+|[a-zA-Z]+\d+)([0-9a-zA-Z]*)$/
  
     $('.password').focus(function(){
        $(this).addClass('ys_show')
     })

     $('.password').blur(function(){
        $(this).removeClass('ys_show')
        if(passZ.test($(this).val())){
           $('.pass_note').html('密码格式正确')
        }else{
           $('.pass_note').html('密码格式不正确，请重新输入')
        }
     })

}

// 注册提交
check(){
    // 复选框
    $('.check_box>input').click(function(){
        let type = $('.check_box>input').is(':checked');
        if(type){
            $('.btn').css('opacity','1')
            
        }else(
            $('.btn').css('opacity','0.4')
        )
      

    })
   
} 
  
btn(){
    let type = $('.check_box>input').is(':checked')
    let phoneZ = /^1[3-9][0-9]{9}$/
    let passZ= /^(\d+[a-zA-Z]+|[a-zA-Z]+\d+)([0-9a-zA-Z]*)$/

    $('.btn').click(function(){
        if($('.check_box>input').is(':checked')&&phoneZ.test($('.username').val())&&passZ.test($('.password').val())){
            let data={}
            data.user=$('.username').val()
            data.pass=$('.password').val()
            console.log(data)
            // 获取localStorage中的数据
            let res = JSON.parse(localStorage.getItem('name')) || []
            //查看是否有相同数据
            let result=res.some(item=>{
                return item.user==data.user
            })
            if(result){
                alert('此账号已被注册')
            }else{
                res.push(data)
                localStorage.setItem('name',JSON.stringify(res))
                setInterval(() => {
                    location.href='./login.html'
                }, 1000);
                
            }
        }
    })
}
}
new Register()